<template>
    <div class="Item1" @click="$router.push('/order-sell-detail')">
        <div class="f-row f-j-between f-a-center"><strong>出售单号 20190906898989</strong> <strong style="color: #E02020;">出售中</strong></div>
        <div class="f-row f-j-between f-a-center">
            <div class="payTypes">
                <gy-icon fontName="icon-zhifubao" style="color: #02A9F0;margin-right: 0.2rem;"></gy-icon>
                <gy-icon fontName="icon-weixin1" style="color: #52BD33;margin-right: 0.2rem;"></gy-icon>
                <gy-icon fontName="icon-yinhangqia" style="color:#118CE8;margin-right: 0.2rem;"></gy-icon>
            </div>
            <div class="amount"><strong class="DIN-Medium">0</strong><span>剩余数量</span></div>
        </div>
        <div class="f-row f-j-between f-a-center">
            <span class="time">时间 2019-09-06 12:23:23</span>
            <div class="amount"><strong class="DIN-Medium">0</strong><span>订单数量</span></div>
        </div>
    </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import GyIcon from "@/components/GyIcon.vue";
@Component({
    name: 'Item1',
    components: {GyIcon}
})
export default class extends Vue {
}
</script>

<style scoped lang="less">
.Item1 {
    padding: 0.2rem;
    background-color: white;
    border-radius: 0.1rem;
    & .f-row {
        padding: 0.2rem 0;
        & strong {
            font-size: 0.3rem;
        }
        & span {
            font-size: 0.24rem;
        }
        & .amount {
            & strong {
                font-size: 0.36rem;
                margin-right: 0.14rem;
                color: #666666;
            }
            & span {
                color: #999999;
            }
        }
    }
}
</style>
